$(function () {
    // 美化时间
    template.defaults.imports.dataFormat = function (date) {
        const dt = new Date(date);
        var y = dt.getFullYear();
        var m = (dt.getMonth() + 1).toString().padStart(2, '0');
        var d = dt.getDate().toString().padStart(2, '0');
        var hh = dt.getHours().toString().padStart(2, '0');
        var mm = dt.getMinutes().toString().padStart(2, '0');
        var ss = dt.getSeconds().toString().padStart(2, '0');
        return `${y}-${m}-${d}  ${hh}:${mm}:${ss}`
    }
    var w = {
        pagenum: 1,
        pagesize: 2,
        cate_id: '',
        state:''
    }
    initCate()
    initTable()
    // 获取文章列表
    function initTable() {
        $.ajax({
            type: 'get',
            url: '/my/article/list',
            data: w,
            success:function (res) {
                if (res.status !== 0) {
                    return layui.layer.msg('获取分类列表失败！')
                }
                var htmlSer = template('tpl-tadle', res);
                $('tbody').html(htmlSer)
                
                renderPage(res.total)

            }
        });
    };
    
    function initCate() {
        $.ajax({
          method: 'GET',
          url: '/my/article/cates',
          success: function(res) {
            if (res.status !== 0) {
              return layer.msg('获取分类数据失败！')
            }
            // 调用模板引擎渲染分类的可选项
            var htmlStr = template('tpl-cate', res)
            $('[name=cate_id]').html(htmlStr)
            // 通过 layui 重新渲染表单区域的UI结构
            layui.form.render()
          }
        })
    };
    $('#form-search').on('submit', function (e) {
        e.preventDefault()
        var cate_id=$('[name="cate_id"]').val()
        var state = $('[name="state"]').val()
        w.cate_id = cate_id
        w.state = state
        initTable()
    })
    function renderPage(total) {
        layui.laypage.render({
            elem: 'pageBox' //注意，这里的 test1 是 ID，不用加 # 号
            , count: total //数据总数，从服务端得到
            , limit: w.pagesize
            , curr: w.pagenum
            ,layout: ['count', 'limit', 'prev', 'page', 'next', 'skip']
            ,limits: [2, 3, 5, 10]
            , jump: function (obj, first) {
                w.pagenum = obj.curr
                // initTable()
                if (!first) {
                    initTable()
                };
            }
        });
    }
    $('tbody').on('click', '.btndelete', function () {
        var id = $(this).attr('data-id')
        if ($('tbody'.btndelete).length == 1){
            w.pagenum--
            w.pagenum=w.pagenum==0?1:w.pagenum
        }
        layer.confirm('确认删除?', { icon: 3, title: '提示' }, function(index) {
            $.ajax({
              method: 'GET',
              url: '/my/article/delete/' + id,
              success: function(res) {
                if (res.status !== 0) {
                  return layer.msg('删除文章失败！')
                }
                layer.msg('删除文章成功！')
                initTable()
              }
            })
      
            layer.close(index)
          })
        
    })

})